$(function(){
    //入口函数
    //切换登录注册盒子
    $('.login a').click(function(){
        $('.login').hide().next().show();
    });
    $('.register a').click(function(){
        $('.register').hide().prev().show();
    });

    let layer = layui.layer;//加载弹出层模块layer.msg(res.message);
    //----------------完成注册功能--------------
    $('.register form').on('submit',function(e){
        e.preventDefault();

        //检查表单的name属性是否和接口文档对应
        let data = $(this).serialize();
        
        $.ajax({
            type:'POST',
            url:'/api/reguser',
            data:data,
            success:function(res){
                // alert(res.message);
                layer.msg(res.message);
                if(res.status === 0){
                    //注册成功,注册盒子隐藏，登录盒子显示
                    $('.register').hide().prev().show();
                }
            }
        });

    });


    //--------------------------表单验证--------------------
    //1.加载表单模块（得到一个js对象）
    let form = layui.form;
    //2.使用form.verify({key:value})方法实现表单验证
    form.verify({
        //验证规则：array｜function
        // pwd:[正则,'验证不通过时的提示']
        //\S非空格
        pwd:[/^\S{6,12}$/,'密码长度必须6～12位，并且不能有空格'],

        //验证两次密码
        repwd:function(value){
            //value表示输入框的值
            //获取密码
            let pwd = $('.register input[name="password"]').val().trim();
            if(value !== pwd){
                return '两次密码不一致';
            }
        }
    });
    //注意：表单验证必须在按钮上有lay-submit属性



    //------------------登录功能-----------------
    $('.login form').on('submit',function(e){
        e.preventDefault();//阻止表单的默认行为

        $.ajax({
            type:'POST',
            url:'/api/login',
            data:$(this).serialize(),//检查表单name属性
            success:function(res){
                layer.msg(res.message);
                console.log(111);
                
                if(res.status === 0){
                    console.log(123);
                      //登录成功,记录token令牌，跳转页面
                    localStorage.setItem('token',res.token);
                  
                    location.href = '/index.html';
                }
            }
        });
    });

});